<template>
  <view class="content">
    <view class="broadInfo-item">
      <view class="title">直播主题:</view>
      <view class="text">{{ broadInfo.title ? broadInfo.title : "暂无" }}</view>
    </view>
    <view class="broadInfo-item">
      <view class="title">直播时间:</view>
      <view class="text">{{ broadInfo.time }}</view>
    </view>
    <view class="broadInfo-item">
      <view class="title">直播描述:</view>
      <view class="text">{{ broadInfo.details }}</view>
    </view>
    <view class="broadInfo-item">
      <view class="title">直播房间号:</view>
      <view class="text">{{ broadInfo.broadNum }}</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      broadInfo: {
        title: "瑜伽锻炼",
        time: "2022-12-10 20:00:00",
        details: "帕梅拉3分钟快乐舞蹈操全身热身唤醒专业快乐舞蹈操 全身热身操",
        broadNum: "10061044",
      },
    };
  },
};
</script>

<style lang="scss" scoped>
.content {
  padding: 0 30rpx;
}
.broadInfo-item {
  display: flex;
  justify-content: space-between;
  font-size: 30rpx;
  margin-top: 40rpx;
  .title {
    width: 200rpx;
    color:#aaa;
  }
  .text {
    width: 450rpx;
    text-align: right;
  }
}
</style>